<div id="topbar">
    <div class="container">
        <a href="javascript:;" id="menu-trigger" class="dropdown-toggle" data-toggle="dropdown" data-target="#">
            <i class="icon-cog"></i>
        </a>
        {{#unless login}}
        <div id="top-nav">
            <ul class="pull-right">
                <li>
                    <a href="profile.html"><i class="icon-user"></i>{{username}}</a>
                </li>
                <li><a href="../logout">Logga ut</a></li>
            </ul>
        </div> <!-- /#top-nav -->
        {{/unless}}
    </div> <!-- /.container -->
</div> <!-- /#topbar -->

<div id="header">
    <div class="container">
        <a href="../index.html" class="brand">Utbudstjänst</a>
        {{#unless login}}
        <div class="nav-collapse">
            <ul id="main-nav" class="nav pull-right">
                {{#if tabCapacityEnabled}}
                <li{{#if tabCapacity}} class="active"{{/if}}>
                    <a href="capacity.html">
                        <i class="icon-time"></i>
                        <span>Väntetider</span>
                    </a>
                </li>
                {{/if}}
                {{#if tabProductEnabled}}
                <li{{#if tabProduct}} class="active"{{/if}}>
                    <a href="product.html">
                        <i class="icon-medkit"></i>
                        <span>Tjänster</span> 
                    </a>
                </li>
                {{/if}}
                {{#if tabOfferEnabled}}
                <li{{#if tabOffer}} class="active"{{/if}}>
                    <a href="offer.html">
                        <i class="icon-th"></i>
                        <span>Utbud</span>
                    </a>
                </li>
                {{/if}}
                {{#if tabUserEnabled}}
                <li{{#if tabUser}} class="active"{{/if}}>
                    <a href="users.html">
                        <i class="icon-group"></i>
                        <span>Användare</span>
                    </a>
                </li>
                {{/if}}
                {{#if tabIdmapEnabled}}
                <li{{#if tabIdmap}} class="active"{{/if}}>
                    <a href="idmap.html">
                        <i class="icon-folder-open"></i>
                        <span>ID-mappning</span>
                    </a>
                </li>
                {{/if}}
                {{#if tabFaqEnabled}}
                <li{{#if tabFaq}} class="active"{{/if}}>
                    <a href="faq.html">
                        <i class="icon-question"></i>
                        <span>Hjälp</span>
                    </a>
                </li>
                {{/if}}
            </ul>
        </div> <!-- /.nav-collapse -->
        {{/unless}}
    </div> <!-- /.container -->
</div> <!-- /#header -->

<div id="masthead">
    <div class="container">
        <div class="masthead-pad">
            <div class="masthead-text">
                <h2>{{mastheadTitle}}</h2>
                <p>{{mastheadSubtitle}}</p>
            </div> <!-- /.masthead-text -->
            {{{mastheadContent}}}
        </div>
    </div> <!-- /.container -->
</div> <!-- /#masthead -->
